<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>阴影效果</title>
<style type="text/css">
.one{
	font-size:60px;
	text-shadow:10px 5px 10px #6600FF ;/*设置文字阴影的距离（水平和垂直）、模糊半径、颜色*/
	}
.two{
	font-size:60px;
	text-shadow:-10px -5px 10px #6600FF;/*设置文字阴影距离为负值、模糊半径、颜色*/
	}
</style>
</head>
<body>
<p class="one">一杯敬产品</p>
<p class="two">一杯敬推广</p>
</body>
</html>
